</div>
<!-- ========== FOOTER ============= -->
<style lang="text/css">
#footer-wrapper 
{
    background-color: #393939;
    clear: both;
    padding-top: 40px;
}
#footer 
{
    clear: both;
    height: 40px;
    margin: 0 auto;
    text-align: left;
}

#footer .box 
{
    background-color: #4B4B4B;
    border-radius: 6px 6px 6px 6px;
    
}
#footer #copyright 
{
    background-color: #4B4B4B;
    border: 1px solid #444444;
    border-radius: 6px 6px 6px 6px;
    clear: both;
    color: #C8C8C8;
    font-size: 11px;
    margin-left: 10;
	margin-right : 10px;
    padding: 10px 15px 8px;
	text-align: center;
}

#footer .box .inline 
{
    display: inline;
}
#footer ul {
    margin: 0;
    padding: 0;
}


.clear 
{
    clear: both;
    height: 0;
    line-height: 0;
}

 #city 
{
    background: url('./images/footer-cairo.png');
    height: 310px;
    margin-top: -60px;
}
</style>

<!--  #Moving backgroung Cairo image-->
<script type="text/javascript" charset="utf-8">
		
			var scrollSpeed = 70; 		// Speed in milliseconds
			var step = 1; 				// How many pixels to move per step
			var current = 0;			// The current pixel row
			var imageHeight = 1700;		// Background image height
			var headerHeight = 991;		// How tall the header is.
			
			//The pixel row where to start a new loop
			var restartPosition = -(imageHeight - headerHeight);
			
			function scrollBg()
			{
				
				//Go to next pixel row.
				current -= step;	
				//If at the end of the image, then go to the top.
				if (current == restartPosition)
				{
					current = 0;
				}
				
				//Set the CSS of the header.
				$('#city').css("background-position",current+"px 0");
				
				
			}
			
			//Calls the scrolling function repeatedly
			var init = setInterval("scrollBg()", scrollSpeed);

			
	</script>	



<br class="clear"/>
<div id="city"></div>
<!-- #End moving background-->
<div id="footer-wrapper"> 
                <div id="footer">
                        <div class="footer-container">
                            <div class="footer-grid">
                                <div class="footer-grid-row box" id="copyright" style="direction:ltr">
                                    <span>  &copy; A.Atta Inc 2013.    </span>
                                </div>
                            </div>
                        </div>
                </div>
</div>
			<!-- ============================== FOOTER =================== -->
			
</body>
</html>